body {
    background-color: #EBE7E4;
	background-image: url(lace2.png);
    background-size: cover;
	background-repeat: no-repeat;
}
 
a:link {
  color: #C11007;
  background-color: transparent;
  text-decoration: underline
}

a:visited {
  color: #C11007;
  background-color: transparent;
  text-decoration: underline
}

a:hover {
  color: #FFFFFF;
  background-color: transparent;
  text-decoration: underline
}

a:active {
  color: #FFFFFF;
  background-color: transparent;
  text-decoration: underline
}

@font-face {
  font-family: "Smythe";
  src: url(Smythe-Regular.woff2);
}

@font-face {
  font-family: "Alkhemikal";
  src: url(Alkhemikal.woff2);
}

.u {
	text-decoration: underline;
}

p {
	line-height: 12px;
}

.red {
	color: #C11007;
}

.header {
  font-family: "Alkhemikal";
  margin-top: -20px;
  line-height: 15px;
    font-size: 25px;
}

.byakko {
  font-family: "Garamond";
  font-size: 15px;
  line-height: 15px;
  text-align: justify;
  text-justify: auto;
  text-align-last: center;
    margin-top: 50px;
 
}

.content {
	display: grid;
	padding-top: 10px;
	position: absolute;
	left: 50%;
	transform: translate(-50%,0);
}

table {
	width: auto;
}

.about {
	display: grid;
	text-align: center;
	font-size: 12px;
	grid-template-columns: 400px 200px;
	column-gap: 10px;
	height: auto;
	border-color: gray;
	border-width: 2px;
	border-style: dotted;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	margin-top: -15px;
	background-image: url(bg_about.png);
}

.wrapper {
	display: grid;

}

.avatar {
	image-rendering: pixelated;
	transform: scale(0.7);
	margin-top: -30px;
	margin-left: 9px;
	font-family: "Alkhemikal", "Garamond", serif;
	font-size: 18px;
	line-height: 1px;
	width: 170px;
}

.media {
	margin-top: 50px;
}

textarea {
	font-size: 10px;
	color: grey;
}

 .banner {
	image-rendering: pixelated;
	transform: scale(1.4);
	margin-top: 20px;
}

.lace {
    width: 100%;
    height: auto;
}